<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box1{
				width: 200px;
				height: 300px;
			}
			.buyer{
				position: relative;
				height: 18px;
				width: 132px;
				border: 1px solid #eee;
				/*margin-top: 10px;*/
				margin-left: 100px;
				padding: 10px 15px;
			}
			.buyer:hover{
				border: 1px solid #e1251b;
			}
			.buyer img{
				width: 15px;
				height: 16px;
			}
			.car{
				float: left;
				width: 14px;
				height: 16px;
				/*border: 1px solid #e1251b;*/
				/*margin-top: 10px;
				margin-left: 10px;*/
				margin-right: 10px;
			}
			a{
				color: #e1251b;
				text-decoration: none;
				margin-left: 8px;
			}
			.number{
				position: absolute;
				width: 18px;
				height: 14px;
				background-color: #e1251b;
				color: white;
				text-align: center;
				line-height: 14px;
				left: 25px;
				top: 1px;
				border-radius: 7px;
				font-size: 10px;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			
		</div>
		<div class="buyer">
			<div class="number">
				0
			</div>
			<div class="car"><img src="img/购物车空.png"/></div>
			<a href="#">我的购物车</a>
		</div>
	</body>
</html>
